import React, { Suspense } from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import "normalize.css";
import "@/assets/css/index.less";
import { Provider } from "react-redux";
import { HashRouter } from "react-router-dom";
import { ThemeProvider } from "styled-components";
import store from "@/store";
import theme from "@/assets/theme";
// import { ConfigProvider } from "antd";

// import "antd/dist/antd";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Suspense fallback="loading">
    <HashRouter>
      <ThemeProvider theme={theme}>
        <Provider store={store}>
          {/* <ConfigProvider theme={{ token: { colorPrimary: "#00b96b" } }}> */}
          <App />
          {/* </ConfigProvider> */}
        </Provider>
      </ThemeProvider>
    </HashRouter>
  </Suspense>
);
